<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
       {ms:include filename=headFile.htm/} 
</head>

<body>
{ms:include filename=head.htm/} 
    <div class="container policy-container mt20">
        <div class="policy-form" id="appCtrl" v-loack>
            <div class="title">【丰收经纪—中国人寿】老司机全球驾乘意外险</div>
            <el-steps :active="stepIndex" finish-status="success" simple style="margin-top: 20px">
                <el-step title="告知" ></el-step>
                <el-step title="填写保单" ></el-step>
                <el-step title="保单确认" ></el-step>
                <el-step title="在线缴费" ></el-step>
            </el-steps>
            

            <p style="padding: 20px 0 0 0" class="cRed"><i class="el-icon-warning"></i> 请于2018年02月17日24时前完成支付，否则订单将取消</p>

            <h3>产品信息</h3>
            
            <ul class="policy-list">
                <li><span class="cGray">保险名称：</span>爱健康百万医疗保险</li>
                <li><span class="cGray">保险金额：</span>300万</li>
                <li><span class="cGray">保险期间：</span>2018年02月18日0时—2019年2月18日24时</li>
                <li><span class="cGray">保费金额：</span> <span class="cGold">300万人民币</span></li>
                <li style="text-indent: -5em;padding-left: 5em;">
                    <span class="cGray">保障范围：</span>
                    一般医疗保险金 300万，免赔额1万（300万，免赔额1万）；<br>
                    恶性肿瘤医疗保险金（300万）；<br>
                    恶性肿瘤住院津贴保险金（3.6万）；<br>
                    附加阳光就医陪同服务。<br>
                </li>
            </ul>

            <h3>投保人信息</h3>

            <ul class="policy-list">
                <li><span class="cGray">投保人姓名：</span>   李四</li>
                <li><span class="cGray">身份证号码：</span>   512501197203035172</li>
                <li><span class="cGray">手机号码：</span>    17877777777</li>
                <li><span class="cGray">电子邮箱：</span>    dsaf@qq.com</li>
                <li><span class="cGray">居住城市：</span>    广东深圳市</li>
            </ul>

            <h3>被保险人信息</h3>
            <ul class="policy-list">
                <li><span class="cGray">被保险人是您：</span>  本人</li>
                <li><span class="cGray">被保险人姓名：</span>  换什么</li>
                <li><span class="cGray">身份证号码：</span>   512501197203035172</li>
                <li><span class="cGray">手机号码：</span>    17877777777</li>
                <li><span class="cGray">有无社保：</span>    有</li>
            </ul>

            <h3>受益人信息</h3>
            <ul class="policy-list">
                <li><span class="cGray">受益人：</span>  法人</li>
            </ul>

            <div class="payment">
                <ul>
                    <li> <span class="cGray">保险金额：</span> <span class="cRed">￥200.00</span></li>
                    <li style="border-bottom: 1px solid #ccc"> <span class="cGray">优　　惠：</span> <span class="cRed">￥0.00</span></li>
                    <li> <span class="cGray">合　　计：</span> <span class="cRed">￥200.00</span></li>
                </ul>
                <p style="padding: 10px 0" class="cRed"><i class="el-icon-warning"></i> 请于2018年02月17日24时前完成支付，否则订单将取消</p>
                <div class="agreement">
                    <el-checkbox v-model="check">
                        我已阅读并同意
                    </el-checkbox>
                    <a href="" class="cRed">《客户告知书》</a>

                    <el-button @click="onSubmit" type="primary">提交预约</el-button>
                </div>
            </div>
        </div>
    </div>
       {ms:include filename=foot.htm/} 
    <script>
        var vm = new Vue({
            el: '#appCtrl',
            data: function(){
                return {
                    check:true,
                    stepIndex:2
                }
            },

            methods:{
                onSubmit: function(){
                    if(!this.check){
                        this.$message.error('必须同意协议')
                        return;
                    }
                    location.href = 'payment.html';
                }
            }
        })
    </script>

</body>

</html>